@charset "utf-8";



/* banner */



#banner{ position:relative; overflow:hidden; text-align:center; margin-top:26px; }

/* flexslider */
.flexslider{position:relative;height:576px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:576px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background: url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


/*公共*/

a.more{ display:inline-block; width:62px; height:40px; float:right; background:url(../images/icos.png) left -40px; margin:10px 0 0 0;}

a.more:hover{ background-position: -70px -40px;}

a.seeMore{ position:absolute; left:40px; top:auto; bottom:-50px; display:inline-block; width:100px; height:50px; background:url(../images/icos.png) left -80px;}

a.seeMore:hover{ background-position:left -130px;}

.indexTit{ position:relative; z-index:2; height:60px; background:url(../images/indexTit.png) left top no-repeat; overflow:hidden; margin-bottom:40px;}

#indexTit2{ background-position:left -60px;}

#indexTit3{ background-position:left -120px;}

#indexTit4{ background-position:left -180px;}

#indexTit5{ background-position:left -240px; margin-bottom:10px;}

#indexTit6{ background-position:left -300px;}

#indexTit7{ background-position:left -360px;}

#indexTit8{ background-position:36px -420px;}

#indexTit9{ background-position:left -480px;}

.sidePic{ width:240px;}

.sidePic img{ width:100%;}



/*品牌*/

#indexBrand{ padding:20px 10px 0 20px; line-height:30px; height:260px; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

#indexBrand2{ border-top:#ddc8ae 1px solid; width:50%; float:left; line-height:30px;}

#indexBrand2 h2{ margin:30px 0; padding:0;}



/*视频*/

#indexVideo{ width:43%; float:right; overflow:hidden;}

#videoBox{ width:100%; background:#000;}

#thumbs{position:relative; float:left; width:100%; height:45px;overflow:hidden; border-bottom:#ddc8ae 1px solid}

#thumbs ul{ position:relative; width:9999px; top:0;}

#thumbs li{ position:relative; line-height:0; cursor:hand; cursor:pointer; float:left;}

#thumbs li a{ position:relative; margin:2px; height:45px; line-height:45px; padding:0 10px; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

#thumbs li a span:before{content:"<< "; font-size:11px; letter-spacing:-1px; font-family:"宋体",Times, "Times New Roman", serif}

#thumbs li.active a{ color:#9a1e23}

#thumbs li a:first-child{ padding-left:0;}



/*有机茶园*/

#indexBrand3{ position:relative; width:100%;  height:340px; margin-bottom:25px;}

#indexBrand3_1{ width:100%; overflow:hidden;}

#indexBrand3_2{ position:absolute; left:6.7%; top:0; height:100%;}

#indexBrand3_3{ position:absolute; right:0; top:auto; bottom:100%; line-height:0; z-index:1;}



#indexBrand4{ overflow:hidden;}

#indexBrand4 li{ position:relative; width:35%; float:left; height:132px; background:url(../images/slash.png) right top no-repeat; padding-right:65px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

li#indexBrand4_2{margin-left:-1%;}

li#indexBrand4_3{ width:30%;background:none; margin-left:-1%; padding-right:0;}

#indexBrand4 li a{ display:inline-block; width:100px; height:100px; overflow:hidden; float:left; margin:10px 8px 0 0;}

#indexBrand4 li span{ display:block; margin:20px 0 0 0;}

#indexBrand4_2 a img{ margin-left:-100%;}

#indexBrand4_3 a img{ margin-left:-200%;}



/*首页产品*/

#indexProPic{ position:relative; float:right; margin-top:-167px;}

#indexPro{ width:918px; margin-left:1px;}

#indexPro dl{ float:left; width:33.3%; margin:0 0 10px -1px;}

#indexPro dt{ position:relative; padding:17px;border:#e1d4c5 1px solid; line-height:0; background:rgba(255,255,255,0.5); background:#f4eee6\9; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

#indexPro dt:hover{ background:rgba(184,162,146,0.5); background:#d0bfaf\9;}

#indexPro dt a{ display:inline-block; text-align:center; height:0; width:100%; padding-bottom:66.7%; overflow:hidden;}

#indexPro dt a img{ max-width:100%;}

#indexPro dt i,#indexPro dt b{ position:absolute; left:0; top:auto; bottom:0; display:inline-block; width:10px; height:11px; background:url(../images/icos.png) -111px top no-repeat;}

#indexPro dt b{ left:auto; right:0; background-position:-100px top;}

#indexPro dd{ display:inline-block; height:40px; line-height:40px; font-size:16px; color:#7e5646; width:100%; padding:0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#indexPro dd a{ font-size:16px; color:#7e5646;}


/*首页荣誉*/

#indexHonor1{ width:520px; float:left; font-size:14px; line-height:30px;}

#indexHonor2{ float:right; width:665px;}

#indexHonor2 img{ max-width:100%;}



/*首页招商加盟*/

#indexMerchants{ position:relative; width:100%; height:276px;}

#indexMerchants1{ width:100%; overflow:hidden;}

#indexMerchants1 img{ float:right;}

#indexMerchants2{ position:absolute; left:30px; top:-68px;}

#indexMerchants3{ font-size:14px; padding-top:15px;}



/*加盟优势*/

#indexAdvantagePic{ float:right; margin:-88px 0 0 50px;}

#indexAdvantage span{ display:inline-block; height:28px; line-height:28px; padding:0 10px; background:#7e5646; color:#ebdece; font-size:18px;}



/*渠道加盟*/

#indexJionPic{ position:absolute; z-index:1; left:auto; right:0; top:-40px; overflow:hidden;}

#indexJionPic img{ position:relative; max-width:100%;}

#indexJoin{position:relative; z-index:10; height:350px; height:auto !important; min-height:350px; width:800px; line-height:30px;}

.prominent{ color:#7e5646; font-weight:bold; font-size:18px;}



#lable1{ position:relative; z-index:10; border-top:#a79f96 1px dotted; border-bottom:#a79f96 1px dotted; padding:5px 0; display:inline-block;}

#lable1 li{ position:relative; float:left; height:32px; line-height:32px;}

#lable1 li a{ font-size:16px; color:#a39088; display:inline-block; padding:0 30px; cursor:hand; cursor:pointer;}

#lable1 li i{ position:absolute; top:100%; left:50%; margin-left:-10px; display:none; width:21px; height:11px; overflow:hidden; background:url(../images/icos.png) -100px -15px no-repeat;}

#lable1 li.curr a{ background:#7e5646; color:#ebdece;}

#lable1 li.curr i{ display:inline-block;}



/*首页新闻*/

#indexNews{ height:90px; overflow:hidden;}

#indexNews dl{ position:relative; float:left; width:348px; margin-left:78px; height:90px;}

#indexNews dl:first-child{ margin-left:0;}

#indexNews dl dt{ position:absolute; left:0; top:0; width:80px; background:#e4d5c4; border:#d0b9a4 1px solid; text-align:center; padding:5px 0; margin-right:25px; color:#7e5646; font-size:17px; display:inline-block; float:left; font-family:"Times New Roman", Times, serif,Cambria, "Hoefler Text", "Liberation Serif" }

#indexNews dl dt b{ font-size:45px; line-height:50px; font-weight:normal;}

#indexNews dl dd{ margin:8px 0 0 100px; }

#indexNews dl dd a{ color:#848484; display:inline-block; width:100%; height:62px; overflow:hidden; line-height:18px;}

#indexNews dl dd a span{ color:#212121; display:inline-block; width:100%; height:24px; line-height:24px; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

#indexNews dl dd a:hover span{ color:#9a1e23;}



#foot{ margin-top:100px;}



@media screen and (max-width: 1024px){

  #banner,.Slideshow,.Slideshow li{height:490px}

  .sidePic{ width:200px;}

  #indexVideo{ width:45%;}

  #indexBrand4 li span{ margin:6px 0 0 0;}

  #indexPro{ width:744px; top:-15px; position:relative;}

  #indexPro dt{ padding:10px;}

  

  #indexHonor1{ width:470px; line-height:24px; font-size:13px;}

  #indexHonor2{ float:right; width:500px;}

  

  #indexAdvantagePic{ margin-top:0;}

  

  #indexJionPic img{right:-70px;}

  #indexJoin{ width:720px;}

  

  #indexStore{ width:754px; margin-top:-20px;}

  

  #indexNews dl{ width:450px;}

}



.listpage{ padding-top:15px; text-align: center;}
.xiaocms-page span {
display: inline-block;
height: 22px;
padding: 0 10px;
line-height: 22px;
background: #7e5646;
border: 1px solid #7e5646;
color: #fff;
text-align: center;
margin-left: 1px;
}
.xiaocms-page a {
display: inline-block;
height: 22px;
line-height: 22px;
background: #fff;
border: 1px solid #7e5646;
text-align: center;
color: #333;
padding: 0 10px;
margin-left: 1px;
}